<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>主页</title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="stylesheets/theme.css">
<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css">
<script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>

<!-- Demo page code -->

<style type="text/css">
#line-chart {
	height: 300px;
	width: 800px;
	margin: 0px auto;
	margin-top: 1em;
}
.brand {
	font-family: georgia, serif;
}
.brand .first {
	color: #ccc;
	font-style: italic;
}
.brand .second {
	color: #fff;
	font-weight: bold;
}
</style>

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
</head>

<!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
<!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
<!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body class="">
<!--<![endif]-->

<div class="navbar">
  <div class="navbar-inner">
    <ul class="nav pull-right">
      <li><a href="#" class="hidden-phone visible-tablet visible-desktop" role="button">设置</a></li>
      <li id="fat-menu" class="dropdown"> <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-user"></i> 欢迎您！用户 <i class="icon-caret-down"></i> </a>
        <ul class="dropdown-menu">
          <li class="divider visible-phone"></li>
          <li><a tabindex="-1" href="login.html">退出登录</a></li>
        </ul>
      </li>
    </ul>
    <a class="brand" href="index_subscriber.html"><span class="first">CQHot</span> <span class="second">物流后台管理系统</span></a> </div>
</div>
<div class="sidebar-nav">
  <form class="search form-inline">
    <input type="text" placeholder="输入订单号以搜索">
  </form>
  <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i class="icon-list"></i>订单管理</a>
  <ul id="dashboard-menu" class="nav nav-list collapse">
    <li><a href="placeOrder.html">下订单</a></li>
    <li ><a href="searchOrder.html">订单查询</a></li>
  </ul>
  <a href="#user-menu" class="nav-header collapsed" data-toggle="collapse"><i class="icon-user"></i>个人中心</a>
  <ul id="user-menu" class="nav nav-list collapse">
    <li ><a href="account_subscriber.html">账号管理</a></li>
  </ul>
  <a href="#legal-menu" class="nav-header" data-toggle="collapse"><i class="icon-legal"></i>声明</a>
  <ul id="legal-menu" class="nav nav-list collapse">
    <li ><a href="privacy-policy.html">隐私条款</a></li>
    <li ><a href="terms-and-conditions.html">服务条款和条件</a></li>
  </ul>
  <a href="help.html" class="nav-header" ><i class="icon-question-sign"></i>帮助</a> <a href="faq.html" class="nav-header" ><i class="icon-comment"></i>FAQ</a> </div>
<div class="content">
<div class="header">
  <h1 class="page-title">主页</h1>
</div>
<div class="container-fluid">
  <div class="row-fluid">
    <div class="row-fluid">
      <div class="alert alert-info">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>请注意：</strong> 只有特定角色才能执行相关操作！ </div>
      <div class="block"> <a href="#page-stats" class="block-heading" data-toggle="collapse">最新统计</a>
        <div id="page-stats" class="block-body collapse in">
          <div class="stat-widget-container">
            <div class="stat-widget">
              <div class="stat-button">
                <p class="title">65</p>
                <p class="detail">个用户在线</p>
              </div>
            </div>
            <div class="stat-widget">
              <div class="stat-button">
                <p class="title">3,2990</p>
                <p class="detail">份快递正在路上</p>
              </div>
            </div>
            <div class="stat-widget">
              <div class="stat-button">
                <p class="title">100</p>
                <p class="detail">辆货车正在路上</p>
              </div>
            </div>
            <div class="stat-widget">
              <div class="stat-button">
                <p class="title">12,675</p>
                <p class="detail">笔订单已完成</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row-fluid">
        <div class="block span6">
          <div class="block-heading"> <span class="block-icon pull-right"> <a href="#" class="demo-cancel-click" rel="tooltip" title="Click to refresh"><i class="icon-refresh"></i></a> </span> <a href="#widget2container" data-toggle="collapse">执行记录</a> </div>
          <div id="widget2container" class="block-body collapse in">
            <table class="table list">
              <tbody>
                <tr>
                  <td><p><i class="icon-user"></i>张三</p></td>
                  <td><p>下了一个订单</p></td>
                  <td><p>日期：3/17/2015</p>
                    <p>时间：22:44:43</p></td>
                </tr>
                <tr>
                  <td><p><i class="icon-user"></i>谢广坤</p></td>
                  <td><p>调配了一个车辆</p></td>
                  <td><p>日期: 3/17/2015</p>
                    <p>时间: 22:43:12</p></td>
                </tr>
                <tr>
                  <td><p><i class="icon-user"></i>刘能</p></td>
                  <td><p>删除了一个订单</p></td>
                  <td><p>日期: 3/17/2015</p>
                    <p>时间: 22:40:22</p></td>
                </tr>
                <tr>
                  <td><p><i class="icon-user"></i>赵四</p></td>
                  <td><p>查询了一个订单</p></td>
                  <td><p>日期: 3/17/2015</p>
                    <p>时间: 22:33:28</p></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="block span6">
          <p class="block-heading">公司简介</p>
          <div class="block-body">
            <h2>关于我们</h2>
            <p>物流是指为了满足客户的需求，以最低的成本，通过运输、保管、配送等方式，实现原材料、半成品、成品或相关信息进行由商品的产地到商品的消费地的计划、实施和管理的全过程。物流是一个控制原材料、制成品、产成品和信息的系统，从供应开始经各种中间环节的转让及拥有而到达最终消费者手中的实物运动，以此实现组织的明确目标。现代物流是经济全球化的产物，也是推动经济全球化的重要服务业。世界现代物流业呈稳步增长态势，欧洲、美国、日本成为当前全球范围内的重要物流基地。
            <p>所谓物流公司是指生产经营企业为集中精力搞好主业，把原来属于自己处理的物流活动，以合同方式委托给专业物流服务企业，同时通过信息系统与物流企业保持密切联系，以达到对物流全程管理的控制的一种物流运作与管理方式。</p>
            </p>
            <p><a class="btn btn-primary btn-large">了解更多 &raquo;</a></p>
          </div>
        </div>
      </div>
      <footer>
        <hr>
        <p align="center">&copy; 2015 CQHot</p>
      </footer>
    </div>
  </div>
</div>
<script src="lib/bootstrap/js/bootstrap.js"></script> 
<script type="text/javascript">
        $("[rel=tooltip]").tooltip();
        $(function() {
            $('.demo-cancel-click').click(function(){return false;});
        });
    </script>
</body>
</html>
